<template>
  <div>
    <el-row>
      <el-col :span="2">
        <el-menu default-active="1" class="el-menu-vertical-demo left">
          <el-menu-item index="1" @click="$router.push('/merchant')">
            <span slot="title">商户管理</span>
          </el-menu-item>
          <el-menu-item index="2" @click="$router.push('/ranking')">
            <span slot="title">商户排名</span>
          </el-menu-item>
        </el-menu>
      </el-col>
      <el-col :span="22"> <router-view /></el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: "",
  data() {
    return {
      current: 1
    };
  }
};
</script>

<style scoped>
.header {
	height: 30px;
	font-family: SourceHanSansSC-regular;
}
.left {
  height: 1080px;
  padding-top: 30px;
}

</style>
